<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/cartlist.css">
</head>

<body>
    <div id="headerTop">
        <ul class="headerTop-core">
            <li><a href="javascript:;">登录</a></li>
            <li><a href="javascript:;" class="register ">免费注册</a></li>
            <li><a href="javascript:;">我的订单</a></li>
            <li><a href="javascript:;">商家入驻</a></li>
            <li class="shoppingTrolley "><a href="http://localhost/juanpi/src/cartlist.html">购物车</a></li>
            <li><a href="javascript:;">商家中心</a></li>
            <li><a href="javascript:;">客户服务</a></li>
        </ul>
    </div>
    <header>
        <div class="headerCore">
            <div class="logo">卷皮</div>
        </div>
    </header>
    <!-- 购物车主体框架 -->
    <div class="carWarp">
        <div class="carTitle">
            <p class="goodsTitle">商品信息</p>
            <p class="unitPrice">单价/原价</p>
            <p class="amount ">数量</p>
            <p class="subtotal">小计</p>
            <p class="operation ">操作</p>
        </div>
        <!-- 商品外框 -->
        <main class="comWarp">
            <div class="comWarpTop">
                <!-- 跨店促销 -->
                <div class="stride">
                    <div class="strideButwarp">
                        <!-- 跨店促销圆圈按钮 -->
                        <span class="circleBut"></span>
                    </div>
                    <div class="stridetext">
                        <img src="http://s2.juancdn.com/bao/170615/2/b/5942339ea43d1f47ef70e59a_72x72.png" alt="">
                        <span>跨店促销</span>
                    </div>
                    <a class="stridetext2" href="javascript:;">购满1件，可减3元 去凑单 >></a>
                </div>
                <!-- 商品渲染列表 -->
                <!-- <div class="listWarp">
                    <div class="listWarp2">
                        列表最前面的圆圈按钮
                        <div class="butWarp">
                            <span class="listBut circleBut"></span>
                        </div>
                        商品小图片
                        <img class="listImg" src="https://goods2.juancdn.com/goods/200402/2/8/5e85462133b0893a9c29e033_800x800.jpg?imageMogr2/thumbnail/310x310!/quality/88!/format/jpg"> 小标题和尺寸
                        <div class="listTitle">
                            <strong class="commodityTitle">男士T恤夏季休闲套装</strong>
                            <span class="measure">M 【80-100斤】，5031灰色套装 【T恤+短裤】</span>
                        </div>
                        单价
                        <div class="sale">￥34.9<span class="originalCost">/ ￥168</span></div>
                        +-和数量
                        <div class="countWarp">
                            <span class="minus">-</span>
                            <span class="count">1</span>
                            <span class="plusSign">+</span>
                        </div>
                        小计
                        <div class="subtotal2">￥34.90</div>
                        删除操作
                        <div class="del">
                            <span class="iconfont icon-lajitong"></span>
                        </div>
                    </div>
                </div> -->
            </div>
            <!-- 结算栏 -->
            <div class="comWarpBot">
                <!-- 全选按钮 -->
                <div class="checkAll">
                    <div class="checkAllWarp">
                        <span class="checkBut circleBut" kai="off"></span>
                    </div>
                    <span>全选</span>
                </div>
                <!-- 结算 -->
                <div class="settleWarp">
                    已选择
                    <span class="selectNum">0</span> 件，
                    <span class="totalPrice">总额:￥0 , 满减:￥0</span> ， 合计（不含运费）
                    <span class="totalPrice2">￥0.00</span>
                    <button class="settle">去结算</button>
                </div>
            </div>
        </main>
    </div>
    <!-- 页尾 -->
    <footer>
        <div class="footTop">
            <div class="QR">
                <img src=" images/QR.jpg" alt="">
                <p>随时逛,及时抢</p>
            </div>
            <div class="footNav">
                <dl>
                    <dt>获取更新</dt>
                    <dd>iPhone/Android</dd>
                    <dd>卷皮QQ空间</dd>
                    <dd>卷皮新浪微博</dd>
                    <dd>开放API</dd>
                </dl>
                <dl>
                    <dt>商务合作</dt>
                    <dd>卖家免费报名</dd>
                    <dd>商家入驻</dd>
                    <dd>廉政邮箱</dd>
                    <dd>开放平台</dd>
                </dl>
                <dl>
                    <dt>公司信息</dt>
                    <dd>关于卷皮</dd>
                    <dd>媒体报道</dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>新手上路</dd>
                    <dd>网站地图</dd>
                </dl>
            </div>
            <div class="phone">
                <a href="javascript:;"></a>
                <span class="phoneDay">
                <p>周一至周日</p>
                <p>9:00-18:00</p>
            </span>
                <span class="phoneNum">客服热线：400-0090-869</span>
            </div>
        </div>
        <div class="links">
            <span>友情链接：</span>
            <div class="linksBox">
                <ul class="linksList">
                    <li>
                        <a href="javascript:;">小分店</a>
                        <a href="javascript:;">九块邮</a>
                        <a href="javascript:;">易迅优惠券</a>
                        <a href="javascript:;">中国鲜花礼品网</a>
                        <a href="javascript:;">钻石小鸟</a>
                        <a href="javascript:;">箱包品牌</a>
                        <a href="javascript:;">网上购物</a>
                        <a href="javascript:;">中国品牌网</a>
                        <a href="javascript:;">会过VIP</a>
                        <a href="javascript:;">家具网</a>
                    </li>
                </ul>
            </div>
            <a href="//www.juanpi.com/about/links" class="more">更多</a>
        </div>
        <!-- 页面底部备案 -->
        <p class="company">武汉奇米网络科技有限公司 鄂ICP备10209250号 | ICP许可证号：鄂B2-20150109 | 鄂公网安备42018502000390号 | 食品流通许可证 SP4201991510041888　　</p>
        <p class="company2 ">Copyright © 2010 -2020 JuanPi.com All Rights Reserved</p>
        <div class="footLogo">
            <img src="http://jp.juancdn.com/juanpi/img/icon/r_315new.gif" alt="">
            <img src="http://jp.juancdn.com/juanpi/img/icon/r_cnnic.gif" alt="">
            <img src="http://jp.juancdn.com/juanpi/img/icon/r_gongshang.gif" alt="">
            <img src="http://static.anquan.org/static/outer/image/sm_124x47.png?id=www.juanpi.com?t=52" alt="">
        </div>
    </footer>
    <script src="https://cdn.bootcdn.net/ajax/libs/require.js/2.3.6/require.min.js" defer async="true" data-main="script/main.js" id="modload" modpage="modcartlist"></script>
</body>

</html>